@import '../index';

@multi-tab-prefix-cls: ~"@{ant-pro-prefix}-multi-tab";
@multi-tab-wrapper-prefix-cls: ~"@{ant-pro-prefix}-multi-tab-wrapper";

/*
.topmenu .@{multi-tab-prefix-cls} {
  max-width: 1200px;
  margin: -23px auto 24px auto;
}
*/
.@{multi-tab-prefix-cls} {
  margin: -23px -24px 24px -24px;
  background: #fff;
}


.topmenu .@{multi-tab-wrapper-prefix-cls} {
  max-width: 1200px;
  margin: 0 auto;
}

.topmenu.content-width-Fluid .@{multi-tab-wrapper-prefix-cls} {
  max-width: 100%;
  margin: 0 auto;
}

//如果想用tab方式的布局就把下面的三个样式的注释打开
//.@{multi-tab-prefix-cls} {
//  position: fixed;
//  z-index: 100;
//  width: 100%;
//  background: #fff;
//}
//
//.ant-pro-multi-tab{
//  width: calc(100% - 240px);
//}
//.ant-pro-multi-tab-col{
//  width: calc(100%);
//}
